Overview

This pull request implements all changes detailed in #67, effectively concluding the implementation of #44.

Closes #44, closes #67

Notes

• The branch name is a misnomer. SSR would have been the primary feature of this PR, but we changed course per Implement server-side rendering of search results (as opposed to client-side fetching) #68.
• Pipelines aren't passing. I know. Everything is terribly broken atm. We'll sort it out after merging this one, I promise!

Changes

Search bar

• Adds search bar in the navbar component.
  • Implements accessibility features such as keyboard navigation and semantic markup (closes Fix focus ring missing from search bar and review widget's accessibility #71).
  • Adjusts the surrounding navbar elements so they fit around the search bar.
  • Removes 'Note Block World' text logo, leaving only the glowing cube icon.
• Removes manual handling of keyboard events (such as Enter) in favor of using native web functionality.
• Uses type=search, displaying a conventional clear button in WebKit browsers.
• Disables auto-complete, auto-correct, and auto-capitalize.
• Refines visual style.

Search page

• Implements nuqs for search param state management, greatly simplifying the search logic.
• Adds sort field dropdown with "Recent", "Popular", "Duration", "Play count", and "Note count".
• Adds order toggle button:
  • The button is contextual, displaying an A-Z/Z-A variant for text fields, and 1-9/9-1 variant for numeric fields.
  • Toggles between ascending and descending order.
• Removes instances of magic strings (asc, title) in favor of importing the project-wide enum definitions (SongOrderType.ASC, SongSortType.TITLE).
• Simplifies page header to display only a lean, sleek result count.
• Adjusts the UI for no songs returned to be consistent with the 'My songs' page.
• Simplifies the indicator for the end of results to be consistent with the homepage.
• Removes all loading overlays and text, leaving only skeleton loading cards, to be consistent with the homepage.
• Removes every public reference to filtering (implementation postponed as per Plan of action for song search release #67). Closes Remove access to the filtering UI in the frontend #69.

Song API

• Reformulates many SongService methods with a single querySongs method, which features:
  • Sorting (recent, random, play-count, note-count, title, duration)
  • Ordering (asc, desc)
  • Filtering (category)
  • Pagination (page, limit)
• Implements many of the sort options above, which were missing before.
• Correctly returns the total result count instead of only the length of the returned page.

Database

• Adds indices for optimizing some particular queries:
  • stats.duration
  • stats.noteCount
  • visibility + createdAt (compound)
  • category + createdAt (compound)
  • playCount skipped due to updating very often

Other changes

These should have been committed separately but they have been revamped mostly as part of necessary changes, so they have also been included here.

• Includes "bradlc.vscode-tailwindcss, fill-labs.dependi and gruntfuggly.todo-tree as recommended extensions.
• Associates *.css and *.scss files with Tailwind CSS so VS Code properly recognizes directives such as @apply.
• Fix page scrollbar rendered as invisible.
• Returned a few hardcoded colors in the globals.css stylesheet to their Tailwind classes.
• Return the page's body font to Lato.
• Adjusts navbar icon so the surface areas for both the tooltip and icon hover effects match (using group-hover).